<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>登录</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">


    <link rel="stylesheet" th:href="@{/css/pintuer.css}">
    <link rel="stylesheet" th:href="@{/css/admin.css}">
    <script th:src="@{/js/jquery-3.3.1.min.js}" type="text/javascript"></script>


    <style type="text/css">
        .code {
            background: url(code_bg.jpg);
            font-family: Arial;
            font-style: italic;
            color: blue;
            font-size: 30px;
            border: 0;
            padding: 2px 3px;
            letter-spacing: 3px;
            font-weight: bolder;
            float: left;
            cursor: pointer;
            width: 150px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            vertical-align: middle;
        }

        a {
            text-decoration: none;
            font-size: 12px;
            color: #288bc4;
        }

        a:hover {
            text-decoration: underline;
        }
    </style>

</head>

<body>
<form
        th:action="@{/users/usersInfo}"
        method="post" id="form1" runat="server">
    <div class="bg"></div>
    <div class="container">
        <div class="line bouncein">
            <div class="xs6 xm4 xs3-move xm4-move">
                <div style="height: 150px;"></div>
                <div class="media media-y margin-big-bottom">
                </div>
                <form action="html/index.html" method="post">
                    <div class="panel loginbox">
                        <div class="text-center margin-big padding-big-top">
                            <h1>
                                电影系统管理中心
                            </h1>
                            <span style="color: #FF0000;" id="valuess" th:text="${ErrMsg}"></span>
                        </div>
                        <div class="panel-body"
                             style="padding: 30px; padding-bottom: 10px; padding-top: 10px;">
                            <div class="form-group">
                                <div class="field field-icon-right">
                                    <input type="text" class="input input-big" id="uname"
                                           name="uid" placeholder="登录账号" />
                                    <span class="icon icon-user margin-small"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="field field-icon-right">
                                    <input type="password" id="upsw" class="input input-big"
                                           name="psw" placeholder="登录密码" />
                                    <span class="icon icon-key margin-small"></span>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="field">
                                    <div>
                                        <table border="0" cellspacing="5" cellpadding="5">
                                            <tr>

                                                <td>
                                                    <input style="float: left;" placeholder="填写右侧验证码"
                                                           name="inputCode" type="text" id="inputCode" class="input input-big" />
                                                <td>
                                                    <div class="code" name="checkCode" id="checkCode">
                                                        <img th:src="@{/images/passcode.jpg}" alt="" width="130px" height="50px">
                                                    </div>
                                                </td>
                                                </td>
                                            </tr>
                                        </table>

                                    </div>

                                </div>
                            </div>
                        </div>

                        <div style="padding: 30px;">
                            <input type="submit"
                                   class="button button-block bg-main text-big input-big"
                                   value="登录">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</form>
</body>
<script>
    $(function(){
        $('form').submit(function(){
            if ($('#inputCode').val() != 6982 ){
                $('#valuess').text('验证码输入错误');
                return false;
            }
        });
    });
</script>
</html>